<script setup lang="ts">
import Tabs from "./components/Tabs.vue";
import {data} from "./js/Data.ts";
</script>

<template>
  <n-layout position="static">
    <n-layout-header>
      <span v-if="data.moveLeftTime == 0">当前所在{{ data.current.planet?.name }}</span>
      <span
          v-if="data.moveLeftTime > 0 && data.target.planet?.id != data.current.planet?.id">正在从{{
          data.current.planet?.name
        }}前往{{ data.target.planet?.name }}</span>
      <span
          v-if="data.moveLeftTime > 0 && data.target.planet?.id == data.current.planet?.id">正在返回{{
          data.current.planet?.name
        }}</span>
    </n-layout-header>
    <n-layout-content>
      <Tabs/>
    </n-layout-content>
  </n-layout>
</template>

<style scoped>
</style>
